<template>
	<div>
		<p style="font-size: 40px; margin-left: -70%;height: 70px;">我是谁</p>
		<p style="font-size: 20px; margin-left: -76%; margin-top: -5px;height: 30px;">简介</p>
		<p style="font-size: 5px; margin-left: -60%; margin-top: 5px; height: 30px;">借助此网站，我想做三件事情</p>	
			<div style="height: 100px;">
				<ul style="width: 100%; font-size: 1px; margin-top: 5px; margin-left: -5%; height: 200px;">
					<li class="liii">分享我的代码以及成长路线</li>
					<li class="liii">提供一些教程，帮助计算机技术初学者掌握技能</li>
					<li class="liii">提供一些小工具，平时使用</li>
				</ul>
			</div>
			<a  href="https://blog.csdn.net/qq_44382528?spm=1000.2115.3001.5343"style="font-size: 20px; margin-left: -70%; margin-top: -5px;height: 30px;">我的其他空间</a>
			<p style="font-size: 30px; margin-left: -74%; margin-top: 10px;height: 40px;">关于我</p>
			<ul style="width: 100%; font-size: 1px; margin-top: 20px; margin-left: -12%; height: 200px;margin-bottom: 10px;">
				<li class="liii">学过c 弄过java 也会一点点python</li>
				<li class="liii">平时会逛一些论坛和网站，寻找自己感兴趣的项目</li>
				<li class="liii">会安卓的原生开发，也尝试过微信小程序的开发</li>
			</ul>
			<p style="font-size: 30px; margin-left: -76%; margin-top: -9%; height: 40px;">项目</p>
			<ul style="width: 100%; font-size: 1px; margin-top: 20px; margin-left: -12%; height: 200px;margin-bottom: 10px;">
				<li class="liii">帆简：本项目专门为摄影拍照的一款客户线上下单的网站，提供给客户使用，可以浏览照片，预约摄影师，下单等功能</li>
				<li class="liii">轻享云盘：实现一个在线云盘系统设计，基于云计算相关技术延伸和发展而来的全新的产品形态</li>
			</ul>
			<p style="font-size: 30px; margin-left: -74%; margin-top: -9%; height: 40px;">联系我</p>
			<ul style="width: 100%; font-size: 10px; margin-top: 20px; margin-left: -12%; height: 200px;margin-bottom: 10px;">
				<li class="liii">email:2305967043@qq.com</li>
				<li class="liii">wechat:l15004231979</li>
			</ul>
	</div>
</template>

<script>
</script>
<style>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
  .clearfix{
	  height:30%;
	  float: left;
	  margin-top: -50px;
	  margin-left: -10px;
  }
.el-card__body{
	height: 40%;
	margin-top: -400px;
}
  .box-card {
    width: 80%;
	
  }
  .liii{
	  margin-left: 22%;
	  height: 30px;
	  list-style-position: outside;
	  text-align: left;
  }
</style>